$(function(){
	var $tabList=$("#tab_list"),$pagebar=$("#pagebar ul"),$pageInfo=$("#page_info"),
		pageNo=1,pageSize=10,count=0;//初始值
	/**---------------封装分页方法,count:总条目数,pageNo:当前页---------------*/
	function pageit(count){
		$pagebar.empty();
		//首页和上一页
		if(pageNo==1){
			$pagebar.append("<li id='start_page' class='disabled'><a href='javascript:void(0);'>首页</a></li>");
			$pagebar.append("<li id='prev_page'  class='disabled'><a href='javascript:void(0);'>上一页</a></li>");
		}else{
			$pagebar.append("<li id='start_page' pn=1><a href='javascript:void(0);'>首页</a></li>");
			$pagebar.append("<li id='prev_page' pn="+(pageNo-1)+"><a href='javascript:void(0);'>上一页</a></li>");
		}
		var tmp=parseInt(count/10);
		var page_size=count%10==0?(tmp):(tmp+1);//总页数
		//中间数字页
		if(page_size<=5){
			//如果小于5页,则全部显示
			for(var i = 0; i <page_size; i++) {
				if(i==pageNo-1){
					$pagebar.append("<li pn="+(i+1)+" class='active'><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
				}else{
					$pagebar.append("<li pn="+(i+1)+"><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
				}
			}
		}else{
			//如果总页数大于5页,显示当前页和前后各两页以及两个...符号
			if(pageNo<3){
				for(var i = 0; i <5; i++) {
					if(i==pageNo-1){
						$pagebar.append("<li pn="+(i+1)+" class='active'><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
					}else{
						$pagebar.append("<li pn="+(i+1)+"><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
					}
				}
				$pagebar.append("<li class='disabled'><a href='javascript:void(0);'>...</a></li>");
			}else if(pageNo>page_size-2){
				$pagebar.append("<li class='disabled'><a href='javascript:void(0);'>...</a></li>");
				for(var i = page_size-5; i <page_size; i++) {
					if(i==pageNo-1){
						$pagebar.append("<li pn="+(i+1)+" class='active'><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
					}else{
						$pagebar.append("<li pn="+(i+1)+"><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
					}
				}
			}else{
				for (var i = pageNo-3; i <pageNo+2; i++) {
					if(i==pageNo-1){
						$pagebar.append("<li pn="+(pageNo)+" class='active'><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
					}else{
						$pagebar.append("<li pn="+(i+1)+"><a href='javascript:void(0);'>"+(i+1)+"</a></li>");
					}
				}
			}
		}
		//下一页和末页
		if(page_size==0||pageNo==page_size){
			$pagebar.append("<li id='next_page' class='disabled'><a href='javascript:void(0);'>下一页</a></li>");
			$pagebar.append("<li id='end_page' class='disabled'><a href='javascript:void(0);'>末页</a></li>");
		}else{
			$pagebar.append("<li id='next_page' pn="+(pageNo+1)+"><a href='javascript:void(0);'>下一页</a></li>");
			$pagebar.append("<li id='end_page' pn="+page_size+"><a href='javascript:void(0);'>末页</a></li>");
		}
		
		//绑定事件
		$pagebar.find("li").not(".disabled").on("click",function(){
			pageNo=parseInt($(this).attr("pn"));//更新当前页码
			reloadList();
		});
		//分页信息条
		$pageInfo.find("span").each(function(i,k){
			if(i==0){
				if(page_size==0){
					$(k).html(0);
				}else{
					$(k).html((pageNo-1)*10+1);
				}
			}else if(i==1){
				$(k).html(count>pageNo*10?pageNo*10:count);
			}else{
				$(k).html(count);
			}
		});
	}
	/**------------------加载列表---------------------*/
	function reloadList(){
		$.get(serverURL+"about/list",function(data){
			try {
				if(data.code==0){
					data=data.data;
					$tabList.find("tbody").empty();
						var html="";
							html="<tr>" +
							"<td>"+data.businessCooperate+"</td>"+ 
							"<td>"+data.tencentWechat+"</td>"+ 
							"<td><a href='"+ data.sinaBlog + "' target='_blank' ><div style='width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>"+ data.sinaBlog + "</div></a></td>"+
							"<td>"+data.officialQq+"</td>"+ 
							"</tr>";
						$tabList.find("tbody").append(html);
					pageit(count);//重绘工具栏
				}else if(data.code!=-1){
					alert("数据加载出错，请稍后重试");
				}
			} catch (e) {
				alert("数据加载出错，请稍后重试");
			}
		});
	}
	reloadList();
	//全选与取消全选
	$("#pkall").change(function(){
		if($(this).prop("checked")){
			$tabList.find("#pkc :checkbox").prop("checked",true);
		}else{
			$tabList.find("#pkc :checkbox").prop("checked",false);
		}
	});
	//获取选中的行
	function getSelectedCols(){
		return $tabList.find("#pkc :checkbox").filter(":checked");
	}
	/**---------------修改联系方式-----------------*/
	  var $formEdit=$("#form_edit"),$editBusinessCooperate=$formEdit.find("[name=businessCooperate]"),$editTencentWechat=$formEdit.find("[name=tencentWechat]"),
	  $editSinaBlog=$formEdit.find("[name=sinaBlog]"),$editOfficialQq=$formEdit.find("[name=officialQq]");
	    function checkEditForm() {
		if (!$editBusinessCooperate.val()) {
			warnInput($editBusinessCooperate);
			return false;
		}
		var rev = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;  
		if(!rev.test($editBusinessCooperate.val())){
			alert("邮箱的格式不正确！");
			return false;
		}
		if (!$editTencentWechat.val()) {
			warnInput($editTencentWechat);
			return false;
		}
		if (!$editTencentWechat.val().length>20) {
			alert("微信联系方式不能多余20个字符")
			return false;
		}
//		if(!$editSinaBlog.val()){
//			warnInput($editSinaBlog);
//			return false;
//		}
//		if (!$editSinaBlog.val().length>255) {
//			alert("新浪url方式不能多余255个字符")
//			return false;
//		}
//		var reg= /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
//		if(!reg.test($editSinaBlog.val())){
//			alert("新浪url的格式不正确！");
//			return false;
//		}
		if(!$editOfficialQq.val()){
			warnInput($editOfficialQq);
			return false;
		}
		if(isNaN(Number($editOfficialQq.val()))){
			alert("qq号必须为数字！");
			return false;
		}
			return true;
	}  

	    $("#btn_edit").click(function() {
		// 获取选中的行
		// 从后台获取该条记录所有信息
		$.get(serverURL + "about/list", function(data) {
			if (data.code == 0) {
				data = data.data;
				$editBusinessCooperate.val(data.businessCooperate);
				$editTencentWechat.val(data.tencentWechat);
				$editSinaBlog.val(data.sinaBlog);
				$editOfficialQq.val(data.officialQq);
				$("#modal_edit").modal("show");
			} else {
				alert("联系信息加载失败");
			}
		});
	});
	    $("#btn_confirm_edit").click(function(){
	    	//表单验证
	    	if(checkEditForm()){
				$.post(serverURL+"about/modify",{"businessCooperate":$editBusinessCooperate.val(),"tencentWechat":$editTencentWechat.val(),
					"sinaBlog":$editSinaBlog.val(),"officialQq":$editOfficialQq.val()},function(data){
//					data=$.parseJSON(data);
					if(data.code==0){
						alert("修改成功");
						$('#modal_edit').modal('hide');//隐藏模态框
						$formEdit.get(0).reset();
						reloadList();
					}
				});
			}
	    });


});